<template>
  <div class="prescriptionmedicine">
    <backTopName :show="notshow" :data="backTopname" />
    <div class="prescriptionmedicine_item">患者信息</div>
    <div class="prescriptionmedicine_information">
      <van-field v-model="name" label="病人姓名" placeholder="请输入用户名" />
      <van-field v-model="name" label="年龄" placeholder="请输入年龄" />
      <van-field v-model="name" label="地区" placeholder="请输入地区" />
      <van-field v-model="name" label="电话" placeholder="请输入电话" />
    </div>
    <div class="prescriptionmedicine_item">医院信息</div>
    <van-field v-model="name" label="医院名称" placeholder="请输入医院名称" />
    <van-field v-model="name" label="地区" placeholder="请输入地区" />
    <van-field v-model="name" label="电话" placeholder="请输入电话" />
    <div class="prescriptionmedicine_item">药单信息</div>
    <van-field v-model="name" label="负责医师" placeholder="请输入医师" />
    <van-field v-model="name" label="科室" placeholder="请输入科室" />
    <van-field v-model="name" label="时间" placeholder="请输入时间" />
    <van-field
      v-model="message"
      rows="3"
      autosize
      label="症状"
      type="textarea"
      maxlength="500"
      placeholder="请输入症状"
      show-word-limit
    />
    <div class="prescriptionmedicine_select" @click="todrugstorage">
      <div class="prescriptionmedicine_select_left">药方</div>
      <div class="prescriptionmedicine_select_right">请选择药方</div>
    </div>
  </div>
  <router-view></router-view>
</template>

<script>
import backTopName from "@/components/commonComponents/backTopName.vue";
export default {
  name: "prescriptionmedicine",
  components: { backTopName },
  data() {
    return {
      notshow: false,
      backTopname: {
        name: "电子药单",
      },
      name: "",
      message: "",
    };
  },
  methods: {
    todrugstorage() {
      this.$router.push({ path: "/prescriptionmedicine/prescriptionData" });
    },
  },
};
</script>

<style lang="scss" scope>
.prescriptionmedicine {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: #fafafa;
  padding: 0 0 100px 0;
  &_select {
    display: flex;
    padding: 10px 15px;
    background-color: #fff;
    font-size: 14px;
    color: #333;
    &_left {
      margin-right: 70px;
    }
    &_right {
      color: #e1d3cc;
    }
  }
  &_item {
    font-weight: 550;
    font-size: 20px;
    margin: 20px;
  }
}
</style>
